<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./libs/bootstrap.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div class="mainbox">
        <div class="logo">
            <div class="img-logo">
                <a href="../index.html"><img src="./images/logo.png" alt=""></a>
            </div>
        </div>
        <div class="login-reg">
            <ul class="nav nav-tabs" role="tablist" id="myTab">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">登陆</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">注册</a></li>

            </ul>
            <!-- 登陆 -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <form action="login.php" method="post" name="login" class="form-box">


                        <p>用户名&nbsp;<input name="name" type="text" /></p>
                        <p>密 码&nbsp;&nbsp;&nbsp;<input name="password" type="password" /></p>
                        <p><input name="submit" type="submit" value="登录" /> &nbsp;</p>

                    </form>
                </div>

                <!-- 注册 -->
                <div role="tabpanel" class="tab-pane" id="profile">
                    <form action="signup.php" method="post" class="form-box">
                        <p>用户名<input type="text" name="name"></p>
                        <p>密 &nbsp;码 <input type="text" name="password"></p>
                        <p><input type="submit" name="submit" value="注册"></p>
                    </form>

                </div>

            </div>


        </div>
        <div class="iron">
            <img src="./images/iron.jpg" alt="">
        </div>
        <div class="bottom">
            <img src="./images/bottom.jpg" alt="">
        </div>
    </div>













    <script src="./libs/jquery.slim.min.js"></script>
    <script src="./libs/popper.min.js"></script>
    <script src="./libs/bootstrap.js"></script>
    <script>
        // $(function() {
        //     $('#myTab a').hover(function() {
        //         $(this).tab('show');
        //     });
        // })
    </script>
    <script>
    </script>
</body>

</html>